import Vue from 'vue'
import app from './App.vue'
// 1.导入vue-router包
import VueRouter from 'vue-router'
// 2.手动安装VueRouter
Vue.use(VueRouter)
// 导入模板组件
import HomeContainer from "./components/tabbar/HomeContainer.vue";
import MemberContainer from "./components/tabbar/MemberContainer.vue";
import SearchContainer from "./components/tabbar/SearchContainer.vue";
import ShopcarContainer from "./components/tabbar/ShopcarContainer.vue";
import NewsList from "./components/News/NewsList.vue"
import PhotoList from "./components/photos/PhotoList.vue"
import NewsInfo from "./components/News/NewsInfo.vue"
import PhotoInfo from "./components/photos/PhotoInfo.vue"
import GoodsList from "./components/goods/GoodsList.vue"
import Goodsinfo from "./components/goods/Goodsinfo.vue"
import GoodsDesc from './components/goods/GoodsDesc.vue'
import GoodsComment from './components/goods/GoodsComment.vue'
// 3.创建路由对象
var router=new VueRouter({
	routes:[
		{path:'/',redirect:'/home'},
		{path:'/home',component:HomeContainer},
		{path:'/member',component:MemberContainer},
		{path:'/shopcar',component:ShopcarContainer},
		{path:'/search',component:SearchContainer},
		{path:'/home/newslist',component:NewsList},
		{path:'/home/newsinfo/:id',component:NewsInfo},
		{path:'/home/photos',component:PhotoList},    
		{path:'/home/photoinfo/:id',component:PhotoInfo},
		{path:'/home/goodslist',component:GoodsList},
		{path:'/home/goodsinfo/:id',component:Goodsinfo},
		{path:'/home/goodsdesc/:id',component:GoodsDesc,name:"/home/goodsdesc"},
		{path:'/home/goodscomment/:id',component:GoodsComment,name:'/home/goodscomment'}                                                         
	],
	linkActiveClass:"mui-active"  //用mui-active替换router-link默认的router-link-active(实现路由高亮)
})
// 把路由对象暴露出去
export default router